<template>
  
    <div>
     <div>user:{{ user }}</div>
     <div>手机号：<input type="text" v-model="user.phone" /></div>
     <div>昵称：<input type="text" v-model="user.nickname" /></div>
     <div>密码：<input type="text" v-model="user.password" /></div>
     <v-button @click="register">注册</v-button>
  </div>

</template>

<script>

import {reqregister} from "../../http/http"
  import axios from "axios"
export default {
data() {
    return {
      //1.初始化表单数据
      user: {
        phone: "",
        nickname: "",
        password: "",
      },
    };
  },methods:{
     register(){
    //发请求
    reqregister(this.user).then(res=>{

      if(res.data.code===200){
        //注册成功
        alert(res.data.msg)
        //跳转到登录
        this.$router.push("/login")
      }else{
        // 注册失败
        alert(res.data.msg)
      }
    })
     }
  // 2.点了注册按钮 
  // register(){
  //   //发请求
  //   axios({
  //     url:"/api/register",
  //     method:"post",
  //     data:this.user,
  //     // data:{
  //     //   phone:this.user.phone,
  //     //   nickname:this.user.nickname,
  //     //   password:this.user.password
  //     // }
  //   }).then(res=>{
  //     console.log("请求完成");
  //     console.log(res);
  //     if(res.data.code===200){
  //       //注册成功
  //       alert(res.data.msg)
  //       //跳转到登录
  //       this.$router.push("/login")
  //     }else{
  //       // 注册失败
  //       alert(res.data.msg)
  //     }
  //   })
  // }
}
}
</script>

<style lang="less" scoped>
@import "../../less/index.less";

</style>